<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>新闻后台管理</title>
    <script th:src="@{/layui/layui.js}"></script>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
    <script th:src="@{/layui/layui.all.js}"></script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
<!--    导航栏头部-->
    <div th:replace="commons/common :: commonHeader"></div>
<!--    侧边栏-->
    <div th:replace="commons/common :: sidebar"></div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <iframe frameborder="0" scrolling="yes" src=""  id="iframeMain"  th:width="1300px" th:height="600px"></iframe>
        </div>
    </div>

<!--   底部-->
    <div th:replace="commons/common :: commonFooter"></div>
</div>
<script th:src="@{/layui/layui.js}"></script>
<script th:src="@{/layui/layui.all.js}"></script>
<script>
    layui.use(['jquery', 'layer'], function () {
        var $ = layui.$
            , layer = layui.layer;
        $(document).ready(function () {
            $("dd>a").click(function (e) {
                e.preventDefault();
                $("#iframeMain").attr("src", $(this).attr("href"));
            });
        });
        $(document).ready(function () {
            $("li>a").click(function (e) {
                e.preventDefault();
                $("#iframeMain").attr("src", $(this).attr("href"));
            });
        });
    });
</script>
</body>
</html>